﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="css/bootstrap-select.css" rel="stylesheet" type="text/css" />
    <link href="/stwh_admin/css/default/style.css" rel="stylesheet" type="text/css" />
    <script src="../jquery-1.11.1.js" type="text/javascript"></script>
    <script src="js/bootstrap.js" type="text/javascript"></script>
    <script src="js/bootstrap-paginator.js" type="text/javascript"></script>
    <script src="js/locale/bootstrap-paginator-zh_CN.js" type="text/javascript"></script>
    <script src="js/bootstrap-select.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#pageUl").bootstrapPaginator({
                currentPage: 1, //当前页面
                totalPages: 10, //总页数
                numberOfPages: 5, //页码数
                useBootstrapTooltip: true,
                onPageChanged: function (event, oldPage, newPage) {
                    if (oldPage != newPage) {
                        alert(newPage);
                    }
                }
            });
        });
    </script>
</head>
<body>
    <form class="form-inline" role="form">
    <div class="form-group">
        <label>
            每页显示：</label>
        <select id="basic" class="selectpicker show-tick"
            data-style="btn-sm btn-default">
            <option>15</option>
            <option>25</option>
            <option>35</option>
            <option>45</option>
            <option>55</option>
        </select>
    </div>
    <div class="form-group">
        <ul id="pageUl" style="margin:0px auto;">
        </ul>
    </div>
    </form>
</body>
</html>
